<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
    <meta http-equiv="x-ua-compatible" content="ie=7"/>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <script type="text/javascript" src="js/jquery-1.2.6.js"></script>
    <script type="text/javascript" src="js/IE_roundies_min.js"></script>
    <!--[if lt IE 8]>
    <script src="js/IE8.js" type="text/javascript"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="style/style.css" />
    <script type="text/javascript" src="plugin/artDialog.js?skin=green"></script>
    <script type="text/javascript">
     document.write('<script type="text/javascript" src="js/'+getQueryStr("language")+'.js"><\/script>');
    </script>
    <title>WROC</title>
</head>
<body class="gui">

<div id="wrapper">
    <div id="content">
        <div id="header">
            <div id="logo">
                <h1>Control Panel</h1>
            </div>

        </div>
        <div id="main">

        </div>

        <div id="floatKiller" style="display: none;">
            <div class="floatKiller_tip1"><img src="images/90.png" alt=""></div>
            <div class="yet_another floatKiller_tip2">
                <div class="floatKiller_main">
                <div class="classname">
                    <a href="#" id="net_url">
                    <img src="images/netB_basic.png" style="width: 88px;height:94px;" >
                    <div class="dytest_2"><label sid="guideInfo.net"></label></div>
                    </a>
                </div>
                <div class="classname">
                   <a href="#" id="phone_url">
                    <img src="images/phoneB_basic.png" style="width: 88px;height:94px;">
                    <div class="dytest_2 IEPhone"><label sid="guideInfo.phone"></label></div>
                   </a>
                </div>
                <div class="classname">
                    <a href="#" id="manage_url">
                        <img src="images/manageB_basic.png" style="width: 88px;height:94px;">
                        <div class="dytest_2 IEManage"><label sid="guideInfo.manage"></label></div>
                    </a>
                </div>
                <div class="classname">
                    <a href="#" id="status_url">
                        <img src="images/statusB_basic.png" style="width: 88px;height:94px;">
                        <div class="dytest_2 IEStatus"><label sid="guideInfo.status"></label></div>
                    </a>
                </div>
                </div>
            </div>
        </div>

        <div id="statusInfo">

            <div class="info"><span id="loginuser"></span></div>
            <div class="info">
                <button class="logout" onclick="reboot();">
                    <img src="images/reboot.gif" border="0">
                    &#160;<label sid="tools.td10"></label>
               </button>
                <button class="logout" onclick="logout();">
                <img src="images/logout.gif" border="0">&#160;
                <label sid="share.logout"></label>
               </button></div>
        </div>

    </div>
</div>


<div id="lock_div">&nbsp; </div>
<div id="lock_div2">&nbsp;</div>
<div id="message_panel"><span id="mess">&nbsp;</span><br/>
    <br/>
    <img src="images/jd.gif"/>
</div>
<div id="rightMenu" style="display: none">
    <ul>
        <li id="editWords">Edit</li>
        <li id="defaultValue">Default</li>
    </ul>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        document.oncontextmenu = new Function("return false;")
        var type =getQueryStr("type");
        var language =getQueryStr("language");

       if(type!="first"){
            var arr=[];
            arr.push('<div class="contents_stat2">');
            arr.push('<div style="float:left;" class="classname">');
            arr.push('<a id="netB_img" href="index_test.htm?urlType=net&backtype=second&language='+language+'">');
            arr.push('<img src="images/netB_basic.png">');
            arr.push('<div><label sid="guideInfo.net" class="dytest_3"></label></div>');
            arr.push('</a></div>');
            arr.push('<div style="float:left;" class="classname">');
            arr.push('<a id="phoneB_img" href="index_test.htm?urlType=phone&backtype=second&language='+language+'">');
            arr.push('<img src="images/phoneB_basic.png">');
            arr.push('<div><label sid="guideInfo.phone" class="dytest_3 IEPhone2"></label></div>');
            arr.push('</a></div>');
            arr.push('<div style="float:left;" class="classname">');
            arr.push('<a id="manageB_img" href="index_test.htm?urlType=manage&backtype=second&language='+language+'">');
            arr.push('<img src="images/manageB_basic.png">');
            arr.push('<div><label sid="guideInfo.manage" class="dytest_3 IEManage2"></label></div>');
            arr.push('</a></div>');
            arr.push('<div style="float:left;" class="classname">');
            arr.push('<a id="statusB_img" href="index_test.htm?urlType=status&backtype=second&language='+language+'">');
            arr.push('<img src="images/statusB_basic.png">');
            arr.push('<div><label sid="guideInfo.status" class="dytest_3 IEStatus2"></label></div>');
            arr.push('</a></div>');
            arr.push('<div style="float:left;" class="classname">');
            arr.push('<a id="guideB_img" href="menuGuide.htm?type=first&language='+language+'">');
            arr.push('<img src="images/guideB_basic.png">');
           arr.push('<div><label sid="guideInfo.guide" class="dytest_3 IEGuide"></label></div>');
            arr.push('</a></div>');
            arr.push("</div>");

            $("#main").html(arr.join(""));

            ImageHover("netB_img","netB");
            ImageHover("phoneB_img","phoneB");
            ImageHover("manageB_img","manageB");
            ImageHover("statusB_img","statusB");
            ImageHover("guideB_img","guideB");
        }else{
            var arr2=[];
            arr2.push('<div class="contents_stat">');
            arr2.push('<div style="float:left;" class="classname drag">');
            arr2.push('<a id="home_img" href="guidewan.htm?types=home&type=first&language='+language+'">');
            arr2.push('<img src="images/home_basic.png"><div class="dytest"><label  sid="guideInfo.home"></label></div></a>');
            arr2.push('</div>');

            arr2.push('<div style="float:left;" class="classname">');
            arr2.push('<a id="company_img" href="guidewan.htm?types=company&type=first&language='+language+'">');
            arr2.push('<img src="images/company_basic.png"><div class="dytest IECompany" ><label sid="guideInfo.company"></label></div></a>');
            arr2.push('</div>');

            arr2.push('<div style="float:left;" class="classname">');
            arr2.push('<a href="#" id="myself_img"><img src="images/myself_basic.png"><div class="dytest IEMyself"><label sid="guideInfo.myself"></label></div></a>');
            arr2.push('</div>');
            arr2.push("</div>");
            $("#main").html(arr2.join(""));

            $("#home_img").bind("mouseover",function(){
                $("#floatKiller").hide();
                $(this).find("img").attr("src","images/home_hover.png");
                $(this).find("div").addClass("backgoundColor");
                $("#myself_img > img").attr("src","images/myself_basic.png");
                $("#myself_img > div").removeClass("backgoundColor");
                $("#main >.contents_stat").find("div:eq(2)").removeClass("current_class");
            });
            $("#home_img").bind("mouseout",function(){
                $(this).find("div").removeClass("backgoundColor");
                $(this).find("img").attr("src","images/home_basic.png");
            });
            $("#company_img").bind("mouseover",function(){

                $("#floatKiller").hide();
                $("#myself_img > img").attr("src","images/myself_basic.png");
                $("#main >.contents_stat > div:eq(2)").removeClass("current_class");
                $("#myself_img > div").removeClass("backgoundColor");
                $(this).find("img").attr("src","images/company_hover.png");
                $(this).find("div").addClass("backgoundColor");
            });
            $("#company_img").bind("mouseout",function(){
                $(this).find("img").attr("src","images/company_basic.png");
                $(this).find("div").removeClass("backgoundColor");

            });
            $("#myself_img").bind("mouseover",function(){
                $(".floatKiller_main").find("img").each(function(){
                   var src = $(this).attr("src").split("/")[1];
                  $(this).attr("src","images/"+src);
                });
                $("#floatKiller").show();

                $("#main >.contents_stat > div:eq(2)").addClass("current_class");
                $(this).find("img").attr("src","images/myself_hover.png");
                $(this).find("div").addClass("backgoundColor");
            });

            ImageHover("net_url","netB");
            ImageHover("phone_url","phoneB");
            ImageHover("manage_url","manageB");
            ImageHover("status_url","statusB");

        }

        $("#net_url").bind("click",function(){
           window.location.href="index_test.htm?urlType=net&backtype=first&language="+language;
        });
        $("#phone_url").bind("click",function(){
            window.location.href="index_test.htm?urlType=phone&backtype=first&language="+language;
        });
        $("#manage_url").bind("click",function(){
            window.location.href="index_test.htm?urlType=manage&backtype=first&language="+language;
        });
        $("#status_url").bind("click",function(){
            window.location.href="index_test.htm?urlType=status&backtype=first&language="+language;
        });

        $("label").each(function () {
            var currentVal =$(this);
            $(this).html(unCompileJsonVal(decodeURIComponent(eval($(this).attr("sid")))));

            $(this).rightClick(function(){
                if(currentVal.attr("sid")) {
                    showEditDialog(currentVal);
                    currentVal.addClass("EditPosition");
                }
            })

        });

        $("button").each(function(){
            var currentButton =$(this);
            var ButtonVal = currentButton.find("label");
            $(this).rightClick(function(){
                if(ButtonVal.attr("sid")) {
                    showEditDialog(ButtonVal);
                    ButtonVal.addClass("EditPosition");
                }
            })
        });

        $(".contents_stat").find("div").each(function () {
            var currentVal =$(this);
            $(this).rightClick(function(){
                if(currentVal.attr("sid")) {
                    showEditDialog(currentVal);
                    currentVal.addClass("EditPosition");
                }
            })

        });
    });

    DD_roundies.addRule('.yet_another', '10px', true);
    function ImageHover(id,urlName){
        $("#"+id).bind("mouseover",function(){
            $(this).find("img").attr("src","images/"+urlName+"_hover.png");
            $(this).find("div").addClass("backgoundColor");
        });
        $("#"+id).bind("mouseout",function(){
            $(this).find("img").attr("src","images/"+urlName+"_basic.png");
            $(this).find("div").removeClass("backgoundColor");
        });
    }
</script>
<script type="text/javascript" src="lib.js"></script>
</body>
</html>
